<script lang="ts" setup>
import { VersionType } from "../../../utils/ts/price";
const { item } = defineProps<{ item: VersionType }>();
</script>
<template>
  <div class="relative">
    <div class="md:flex items-center md:space-x-4 mb-3">
      <div class="flex items-center space-x-4 md:space-x-2 md:space-x-reverse">
        <!-- Icon -->
        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-white shadow md:order-1">
          <img :src="item.icon" alt="" />
        </div>
        <!-- Date -->
        <time class="text-sm font-medium text-indigo-500 md:w-28">
          {{ item.date }}
        </time>
      </div>
      <!-- Title -->
      <div class="text-slate-500 ml-14">
        <span class="text-slate-900 font-bold">
          {{ item.type ? "重大更新" : "普通更新" }}
        </span>
        {{ item.title }}
      </div>
    </div>
    <!-- Card -->
    <div class="bg-white p-4 rounded border border-slate-200 text-slate-500 shadow ml-14 md:ml-44">
      {{ item.content }}
    </div>
  </div>
</template>
<style lang="scss" scoped></style>
